<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="zh-cn">
<!-- $Id: cover.src,v 2.20 1998/05/12 15:56:21 bbos Exp $ -->
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>层叠样式表，第2级</TITLE>
<link rel="stylesheet" href="style/default.css" type="text/css">
<link rel="stylesheet" href="style/W3C-REC.css" type="text/css">
<link rel="next" href="about.html">
<link rel="contents" href="cover.html#minitoc">
<link rel="CSS-properties" href="propidx.html" title="properties">
<link rel="index" href="indexlist.html" title="index">
<style type="text/css"><!--
@import "style/default.css";
BODY {background: #def url("images/recbg.jpg")}
--></style>
</HEAD>
<BODY background="images/recbg.jpg">
<div class="navbar" align="center">
<p><a href="about.html">下一篇</a> &nbsp;
<a href="cover.html#minitoc">目录</a> &nbsp;
<a href="propidx.html">属性</a> &nbsp;
<a href="indexlist.html">索引</a> &nbsp;
</div>
<hr class="navbar">
<div class="head">

<p align="right"><a href="http://www.w3.org/"><img
src="./images/w3c_home.gif" alt="W3C" align="left" border="0"
hspace="0"></a> REC-CSS2-20110607<br clear="all"></p>

<h1 align=center>层叠样式表第2级第1次修改(CSS 2.1)规范</h1>
<center><strong>W3C推荐<i>2011-06-07</i></strong></center>
<dl>
<dt>本版本：</dt>
<dd><a href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
<dt>最新版本：</dt>
<dd><a href="http://www.w3.org/TR/REC-CSS2">http://www.w3.org/TR/REC-CSS2</a>
<dt>前一版本：</dt>
<dd><a href="http://www.w3.org/TR/2011/PR-CSS2-20110412">http://www.w3.org/TR/2011/PR-CSS2-20110412</a><BR>
<a href="http://www.w3.org/TR/2008/REC-CSS2-20080411">http://www.w3.org/TR/2008/REC-CSS2-20080411/</a>
<dt>编者：</dt>
<dd class="vcard"><a class="url fn" lang=nl href="http://www.w3.org/People/Bos/">
               Bert Bos</a>
            &lt;<span class="email">bert&nbsp;@w3.org</span>&gt;</dd>
  <dd class="vcard"><a class="url fn" lang=tr href="http://tantek.com/">
               Tantek &Ccedil;elik</a>
            &lt;<span class="email">tantek&nbsp;@cs.stanford.edu</span>&gt;</dd>
  <dd class="vcard"><a class="url fn" lang=en href="http://ian.hixie.ch/">
               Ian Hickson</a>
               &lt;<span class="email">ian&nbsp;@hixie.ch</span>&gt;</dd>
  <dd class="vcard"><a class="url fn n" lang=no href="http://people.opera.com/howcome/">
<span class="given-name">H&aring;kon</span> <span class="additional-name">Wium</span> <span class="family-name">Lie</span></a>
               &lt;<span class="email">howcome&nbsp;@opera.com</span>&gt;</dd>
</dl>

  <p>请查阅本文档的<a
  href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html"><strong>
  误勘表</strong></a>

  <p>本文档同样提供以下非标准格式的文件：
  <a href="http://www.w3.org/TR/CSS2/css2.txt">纯文本</a>,
  <a href="http://www.w3.org/TR/CSS2/css2.tgz">gzip的tar文件</a>,
  <a href="http://www.w3.org/TR/CSS2/css2.zip">zip文件</a>,
  <a href="http://www.w3.org/TR/CSS2/css2.ps.gz">gzip的PostScript（打印文件脚本）文件</a>,
  <a href="http://www.w3.org/TR/CSS2/css2.pdf">PDF</a>.
  See also <a
  href="http://www.w3.org/2005/11/Translations/Query?titleMatch=CSS;lang=any;search1=Submit"><strong>
  translations</strong></a>.</p>
  <p>以下为版权申明：</p>
  <p class="copyright"><a
  href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">
  Copyright</a> &copy; 2011 <a href="http://www.w3.org/"><acronym
  title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup>
  (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts
  Institute of Technology">MIT</acronym></a>, <a
  href="http://www.ercim.org/"><acronym title="European Research
  Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a
  href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
  href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">
  liability</a>, <a
  href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">
  trademark</a> and <a
  href="http://www.w3.org/Consortium/Legal/copyright-documents">
  document use</a> rules apply.

  <hr title="Separator from Header">
</div>
<h2>摘要</h2> 

<p>本规范定义了第2级第1次修改层叠样式表（CSS 2.1）。CSS 2.1是一种样式表语言，作者和用户可以使用它将样式（如：字体，间距及语音提示等）附加到结构化的文档（如：HTML文档和XML应用）中。由于CSS 2.1将文档呈现的样式和文档的内容相互分离，因此网页的写作和站点的维护得以简化。</p>

<p>CSS 2.1建立在CSS2<a href="http://www.w3.org/TR/CSS2/refs.html#ref-CSS2" rel="biblioentry" class="noxref" target="_blank"><span class="informref">[CSS2]</span></a>的基础之上，而CSS2建立在CSS1的基础上<a href="http://www.w3.org/TR/CSS2/refs.html#ref-CSS1" rel="biblioentry" class="noxref" target="_blank"><span class="normref">[CSS1]</span></a>。它支持特定媒介的样式表，因此作者可以在图形浏览器、语言设备、打印机、盲人设备、手持设备等媒介上设计他们的文档呈现。</p>

<p>CSS 2.1修订了一下CSS2的错误（最重要的是定义了绝对定位元素的高度和宽度、定义了更多影响HTML的‘style’属性和‘clip’属性的新计算方法），并且增加了一些已被广泛实现了的特性。</p>

<p>CSS 2.1源于CSS 2，并且打算替换CSS 2。CSS 2.1沿用、修改和删除了一部分CSS 2。被删除了的一部分特性可能将来的在CSS 3规范中被使用。将来的规范应该参考CSS 2.1（除非新的规范需要引用这些被CSS 2.1弃用的特性，于是他们应该仅参考CSS 2的这些特性，或者是在CSS 3模块中各自包含这些特性）。</p>

<h2>本文档的地位</h2>

<p>本文档经由W3C成员及其它对此感兴趣的人员浏览，并由总监确认为W3C推荐文档。本文档相对稳定，并可用作参考资料或在另一个文档中作为标准参考而加以引用。W3C确定推荐文档的目的是引起对该规范的注意，并促进其广泛的使用。这样做能够增强互联网的功能和协同性。

<p>当前W3C推荐文档的列表和其它技术文档可以在<a href="http://www.w3.org/TR">http://www.w3.org/TR</a>找到。

<p>CSS特性的公开讨论组的邮件地址是<a
href="http://www.w3.org/Mail/Lists.html#www-style">www-style@w3.org</a>。

<h2>可提供的文档格式</h2>

<p>可提供的CSS2规范的文档格式有：

<dl>
<dt>HTML：
<dd><a href="Overview.html">http://www.w3.org/TR/1998/REC-CSS2-19980512</a>
<dt>纯文本：
<dd><a href="css2.txt">http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.txt</a>,
<dt>HTML（tgz文件）：
<dd><a href="css2.tgz">http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.tgz</a>,
<dt>HTML（zip文件，不是exe文件）：
<dd><a href="css2.zip">http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.zip</a>,
<dt>PostScript文件（gzip）：
<dd><a href="css2.ps.gz">http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.ps.gz</a>,
<dt>以及PDF文件：
<dd><a href="css2.pdf">http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.pdf</a>.
</dl>

<p>如果规范的不同格式中存在差异，<a href="Overview.html">http://www.w3.org/TR/1998/REC-CSS2-19980512</a>是权威性的版本。

<h3>可提供的文档语言</h3>
<p>本规范的英文版本是唯一的标准化版本。其它语种的翻译文档请参见<a
href="http://www.w3.org/Style/css2-updates/translations.html">http://www.w3.org/Style/css2-updates/translations.html</a>。</p>

<h3>勘误表</h3>
<p>本规范的一些已知的错误列在<a
href="http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html">http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html</a>。本文档如果有任何问题，请写信给<a
href="mailto:css2-editors@w3.org">css2-editors@w3.org</a>。
</p>

<!--NewPage--><!-- this is for html2ps -->
<div class="toc">
<h2><a name="minitoc">简明目录</a></h2>
<ul class="toc">
  <li class="tocline1"><a href="about.html" class="tocxref">1 关于CSS2规范</a>
  <li class="tocline1"><a href="intro.html" class="tocxref">2 CSS2简介</a>
  <li class="tocline1"><a href="conform.html" class="tocxref">3 一致性：要求和推荐</a>
  <li class="tocline1"><a href="syndata.html" class="tocxref">4 CSS2语法和基本数据类型</a>
  <li class="tocline1"><a href="selector.html" class="tocxref">5 选择子</a>
  <li class="tocline1"><a href="cascade.html" class="tocxref">6 指定属性值，层叠和继承</a>
  <li class="tocline1"><a href="media.html" class="tocxref">7 媒介类型</a>
  <li class="tocline1"><a href="box.html" class="tocxref">8 包含框模型</a>
  <li class="tocline1"><a href="visuren.html" class="tocxref">9 可视化格式模型</a>
  <li class="tocline1"><a href="visudet.html" class="tocxref">10 可视化格式模型的细节</a>
  <li class="tocline1"><a href="visufx.html" class="tocxref">11 视觉效果</a>
  <li class="tocline1"><a href="generate.html" class="tocxref">12 生成的<span class="index-def" title="generated content">内容</span>，自动<span class="index-def" title="automatic numbering">编号</span>以及列表</a>
  <li class="tocline1"><a href="page.html" class="tocxref">13 页面媒介</a>
  <li class="tocline1"><a href="colors.html" class="tocxref">14 颜色和背景</a>
  <li class="tocline1"><a href="fonts.html" class="tocxref">15 字体</a>
  <li class="tocline1"><a href="text.html" class="tocxref">16 文本</a>
  <li class="tocline1"><a href="tables.html" class="tocxref">17 表格</a>
  <li class="tocline1"><a href="ui.html" class="tocxref">18 用户界面</a>
  <li class="tocline1"><a href="aural.html" class="tocxref">19 语音样式表</a>
  <li class="tocline1"><a href="sample.html" class="tocxref">附录A. HTML 4.0的示例样式表</a>
  <li class="tocline1"><a href="changes.html" class="tocxref">附录B. 相对CSS1的改进</a>
  <li class="tocline1"><a href="notes.html" class="tocxref">附录C. 字体的实现和性能的注解</a>
  <li class="tocline1"><a href="grammar.html" class="tocxref">附录D. CSS2语法</a>
  <li class="tocline1"><a href="refs.html" class="tocxref">附录E. 参考资料</a>
  <li class="tocline1"><a href="propidx.html" class="tocxref">附录F. 属性索引</a>
  <li class="tocline1"><a href="descidx.html" class="tocxref">附录G. 描述子索引</a>
  <li class="tocline1"><a href="indexlist.html" class="tocxref">附录H. 索引</a>
</ul>
</div>

<!--NewPage--><!-- this is for html2ps -->
<div class="toc">
<h2><a name="toc">完整目录</a></h2>
<ul class="toc">
  <li class="tocline1"><a href="about.html" class="tocxref">1 关于CSS2规范</a>
  <ul class="toc">
    <li class="tocline2"><a href="about.html#q1" class="tocxref">1.1 阅读规范</a>
    <li class="tocline2"><a href="about.html#q2" class="tocxref">1.2 规范的组成</a>
    <li class="tocline2"><a href="about.html#q3" class="tocxref">1.3 约定</a>
    <ul class="toc">
      <li class="tocline3"><a href="about.html#q4" class="tocxref">1.3.1 文档的语言元素和属性</a>
      <li class="tocline3"><a href="about.html#property-defs" class="tocxref">1.3.2 CSS属性定义</a>
      <ul class="toc">
        <li class="tocline4"><a href="about.html#q6" class="tocxref"> 值</a>
        <li class="tocline4"><a href="about.html#q7" class="tocxref"> 初始</a>
        <li class="tocline4"><a href="about.html#q8" class="tocxref"> 适用于</a>
        <li class="tocline4"><a href="about.html#q9" class="tocxref"> 继承性</a>
        <li class="tocline4"><a href="about.html#q10" class="tocxref"> 百分比值</a>
        <li class="tocline4"><a href="about.html#q11" class="tocxref"> 媒介分组</a>
      </ul>
      <li class="tocline3"><a href="about.html#shorthand" class="tocxref">1.3.3 缩写属性</a>
      <li class="tocline3"><a href="about.html#q13" class="tocxref">1.3.4 注解和示例</a>
      <li class="tocline3"><a href="about.html#q14" class="tocxref">1.3.5 图形和详细解释</a>
    </ul>
    <li class="tocline2"><a href="about.html#q15" class="tocxref">1.4 感谢</a>
    <li class="tocline2"><a href="about.html#copyright" class="tocxref">1.5 版权信息</a>
  </ul>
  <li class="tocline1"><a href="intro.html" class="tocxref">2 CSS2简介</a>
  <ul class="toc">
    <li class="tocline2"><a href="intro.html#q1" class="tocxref">2.1 HTML中的CSS2简明指南</a>
    <li class="tocline2"><a href="intro.html#q2" class="tocxref">2.2 XML中的CSS2简明指南</a>
    <li class="tocline2"><a href="intro.html#processing-model" class="tocxref">2.3 CSS2处理模型</a>
    <ul class="toc">
      <li class="tocline3"><a href="intro.html#q4" class="tocxref">2.3.1 渲染区域</a>
      <li class="tocline3"><a href="intro.html#q5" class="tocxref">2.3.2 CSS2定址模型</a>
    </ul>
    <li class="tocline2"><a href="intro.html#q6" class="tocxref">2.4 CSS设计原则</a>
  </ul>
  <li class="tocline1"><a href="conform.html" class="tocxref">3 一致性：要求和推荐</a>
  <ul class="toc">
    <li class="tocline2"><a href="conform.html#q1" class="tocxref">3.1 定义</a>
    <li class="tocline2"><a href="conform.html#conformance" class="tocxref">3.2 一致性</a>
    <li class="tocline2"><a href="conform.html#q3" class="tocxref">3.3 出错情况</a>
    <li class="tocline2"><a href="conform.html#text-css" class="tocxref">3.4 <span class="index-def" title="text/css">text/css内容类型</span></a>
  </ul>
  <li class="tocline1"><a href="syndata.html" class="tocxref">4 CSS2语法和基本数据类型</a>
  <ul class="toc">
    <li class="tocline2"><a href="syndata.html#syntax" class="tocxref">4.1 语法</a>
    <ul class="toc">
      <li class="tocline3"><a href="syndata.html#tokenization" class="tocxref">4.1.1 表征化</a>
      <li class="tocline3"><a href="syndata.html#keywords" class="tocxref">4.1.2 关键字</a>
      <li class="tocline3"><a href="syndata.html#q4" class="tocxref">4.1.3 字符和大小写</a>
      <li class="tocline3"><a href="syndata.html#q5" class="tocxref">4.1.4 语句</a>
      <li class="tocline3"><a href="syndata.html#at-rules" class="tocxref">4.1.5 <span class="index-def" title="at-rule">@规则</span></a>
      <li class="tocline3"><a href="syndata.html#block" class="tocxref">4.1.6 块</a>
      <li class="tocline3"><a href="syndata.html#q8" class="tocxref">4.1.7 规则集，声明块和选择子</a>
      <li class="tocline3"><a href="syndata.html#declaration" class="tocxref">4.1.8 声明和属性</a>
      <li class="tocline3"><a href="syndata.html#comments" class="tocxref">4.1.9 注解</a>
    </ul>
    <li class="tocline2"><a href="syndata.html#parsing-errors" class="tocxref">4.2 解析错误的处理规则</a>
    <li class="tocline2"><a href="syndata.html#values" class="tocxref">4.3 值</a>
    <ul class="toc">
      <li class="tocline3"><a href="syndata.html#q13" class="tocxref">4.3.1 整型和实型数</a>
      <li class="tocline3"><a href="syndata.html#length-units" class="tocxref">4.3.2 长度</a>
      <li class="tocline3"><a href="syndata.html#percentage-units" class="tocxref">4.3.3 百分比</a>
      <li class="tocline3"><a href="syndata.html#uri" class="tocxref">4.3.4 URL + URN = URI</a>
      <li class="tocline3"><a href="syndata.html#counter" class="tocxref">4.3.5 记数器</a>
      <li class="tocline3"><a href="syndata.html#color-units" class="tocxref">4.3.6 颜色</a>
      <li class="tocline3"><a href="syndata.html#q19" class="tocxref">4.3.7 角度</a>
      <li class="tocline3"><a href="syndata.html#q20" class="tocxref">4.3.8 时间</a>
      <li class="tocline3"><a href="syndata.html#q21" class="tocxref">4.3.9 频率</a>
      <li class="tocline3"><a href="syndata.html#strings" class="tocxref">4.3.10 字符串</a>
    </ul>
    <li class="tocline2"><a href="syndata.html#q23" class="tocxref">4.4 CSS文档呈现</a>
    <ul class="toc">
      <li class="tocline3"><a href="syndata.html#q24" class="tocxref">4.4.1 字符编码中未包含的字符的引用</a>
    </ul>
  </ul>
  <li class="tocline1"><a href="selector.html" class="tocxref">5 选择子</a>
  <ul class="toc">
    <li class="tocline2"><a href="selector.html#q1" class="tocxref">5.1 模式匹配</a>
    <li class="tocline2"><a href="selector.html#q2" class="tocxref">5.2 选择子语法</a>
    <ul class="toc">
      <li class="tocline3"><a href="selector.html#grouping" class="tocxref">5.2.1 分组</a>
    </ul>
    <li class="tocline2"><a href="selector.html#universal-selector" class="tocxref">5.3 全局选择子</a>
    <li class="tocline2"><a href="selector.html#type-selectors" class="tocxref">5.4 类型选择子</a>
    <li class="tocline2"><a href="selector.html#descendant-selectors" class="tocxref">5.5 派生选择子</a>
    <li class="tocline2"><a href="selector.html#child-selectors" class="tocxref">5.6 子选择子</a>
    <li class="tocline2"><a href="selector.html#adjacent-selectors" class="tocxref">5.7 相邻同胞选择子</a>
    <li class="tocline2"><a href="selector.html#attribute-selectors" class="tocxref">5.8 属性选择子</a>
    <ul class="toc">
      <li class="tocline3"><a href="selector.html#q10" class="tocxref">5.8.1 属性和属性值的匹配</a>
      <li class="tocline3"><a href="selector.html#q11" class="tocxref">5.8.2 DTD中的缺省属性</a>
      <li class="tocline3"><a href="selector.html#class-html" class="tocxref">5.8.3 类选择子</a>
    </ul>
    <li class="tocline2"><a href="selector.html#id-selectors" class="tocxref">5.9 ID选择子</a>
    <li class="tocline2"><a href="selector.html#pseudo-elements" class="tocxref">5.10 伪元素和伪类</a>
    <li class="tocline2"><a href="selector.html#q15" class="tocxref">5.11 伪类</a>
    <ul class="toc">
      <li class="tocline3"><a href="selector.html#first-child" class="tocxref">5.11.1 :first-child伪类</a>
      <li class="tocline3"><a href="selector.html#link-pseudo-classes" class="tocxref">5.11.2 连接伪类：<span class="index-def" title="pseudo-classes:::link|:link|link (pseudo-class)">:link</span>和<span class="index-def" title="pseudo-classes:::visited|:visited|visited (pseudo-class)">:visited</span></a>
      <li class="tocline3"><a href="selector.html#dynamic-pseudo-classes" class="tocxref">5.11.3 动态伪类：<span class="index-def" title="pseudo-classes:::hover|:hover|hover (pseudo-class)">:hover</span>，<span class="index-def" title="pseudo-classes:::active|:active|active (pseudo-class)">:active</span>和<span class="index-def" title="pseudo-classes:::focus|:focus|focus (pseudo-class)">:focus</span></a>
      <li class="tocline3"><a href="selector.html#lang" class="tocxref">5.11.4 语种伪类：<span class="index-def" title="pseudo-classes:::lang|:lang|lang (pseudo-class)">:lang</span></a>
    </ul>
    <li class="tocline2"><a href="selector.html#q20" class="tocxref">5.12 伪元素</a>
    <ul class="toc">
      <li class="tocline3"><a href="selector.html#first-line-pseudo" class="tocxref">5.12.1 <span class="index-def" title="pseudo-elements:::first-line|:first-line|first-line">:first-line</span> 伪元素</a>
      <li class="tocline3"><a href="selector.html#first-letter" class="tocxref">5.12.2 <span class="index-def" title="pseudo-elements:::first-letter|:first-letter|first-letter">:first-letter</span>伪元素</a>
      <li class="tocline3"><a href="selector.html#before-and-after" class="tocxref">5.12.3 <span class="index-def" title="pseudo-elements:::before|:before">:before</span>和<span class="index-def" title="pseudo-elements:::after|:after">:after</span>伪元素</a>
    </ul>
  </ul>
  <li class="tocline1"><a href="cascade.html" class="tocxref">6 指定属性值，层叠和继承</a>
  <ul class="toc">
    <li class="tocline2"><a href="cascade.html#q1" class="tocxref">6.1 指定值，计算值，实际值</a>
    <ul class="toc">
      <li class="tocline3"><a href="cascade.html#specified-value" class="tocxref">6.1.1 <span class="index-def" title="specified value">指定值</span></a>
      <li class="tocline3"><a href="cascade.html#computed-value" class="tocxref">6.1.2 <span class="index-def" title="computed value">计算值</span></a>
      <li class="tocline3"><a href="cascade.html#actual-value" class="tocxref">6.1.3 <span class="index-def" title="actual value">实际值</span></a>
    </ul>
    <li class="tocline2"><a href="cascade.html#inheritance" class="tocxref">6.2 继承</a>
    <ul class="toc">
      <li class="tocline3"><a href="cascade.html#value-def-inherit" class="tocxref">6.2.1 <span class="index-def" title="inherit, definition of">'inherit'</span>值</a>
    </ul>
    <li class="tocline2"><a href="cascade.html#at-import" class="tocxref">6.3 @import规则</a>
    <li class="tocline2"><a href="cascade.html#cascade" class="tocxref">6.4 层叠</a>
    <ul class="toc">
      <li class="tocline3"><a href="cascade.html#cascading-order" class="tocxref">6.4.1 层叠顺序</a>
      <li class="tocline3"><a href="cascade.html#important-rules" class="tocxref">6.4.2 !important规则</a>
      <li class="tocline3"><a href="cascade.html#specificity" class="tocxref">6.4.3 选择子特殊性的计算</a>
      <li class="tocline3"><a href="cascade.html#q12" class="tocxref">6.4.4 非CSS呈现提示的优先性</a>
    </ul>
  </ul>
  <li class="tocline1"><a href="media.html" class="tocxref">7 媒介类型</a>
  <ul class="toc">
    <li class="tocline2"><a href="media.html#q1" class="tocxref">7.1 媒介类型简介</a>
    <li class="tocline2"><a href="media.html#q2" class="tocxref">7.2 指定媒介相关的样式表</a>
    <ul class="toc">
      <li class="tocline3"><a href="media.html#at-media-rule" class="tocxref">7.2.1 @media规则</a>
    </ul>
    <li class="tocline2"><a href="media.html#media-types" class="tocxref">7.3 可识别的媒介类型</a>
    <ul class="toc">
      <li class="tocline3"><a href="media.html#media-groups" class="tocxref">7.3.1 媒介组</a>
    </ul>
  </ul>
  <li class="tocline1"><a href="box.html" class="tocxref">8 包含框模型</a>
  <ul class="toc">
    <li class="tocline2"><a href="box.html#box-dimensions" class="tocxref">8.1 框的尺寸</a>
    <li class="tocline2"><a href="box.html#mpb-examples" class="tocxref">8.2 边距，边白和边框的示例</a>
    <li class="tocline2"><a href="box.html#margin-properties" class="tocxref">8.3 边距属性：<span class="propinst-margin-top">'margin-top'</span>，<span class="propinst-margin-right">'margin-right'</span>，<span class="propinst-margin-bottom">'margin-bottom'</span>，<span class="propinst-margin-left">'margin-left'</span>及<span class="propinst-margin">'margin'</span></a>
    <ul class="toc">
      <li class="tocline3"><a href="box.html#collapsing-margins" class="tocxref">8.3.1 边距重合</a>
    </ul>
    <li class="tocline2"><a href="box.html#padding-properties" class="tocxref">8.4 边白属性：<span class="propinst-padding-top">'padding-top'</span>，<span class="propinst-padding-right">'padding-right'</span>，<span class="propinst-padding-bottom">'padding-bottom'</span>，<span class="propinst-padding-left">'padding-left'</span>及<span class="propinst-padding">'padding'</span></a>
    <li class="tocline2"><a href="box.html#border-properties" class="tocxref">8.5 边框属性：</a>
    <ul class="toc">
      <li class="tocline3"><a href="box.html#border-width-properties" class="tocxref">8.5.1 边框宽度：<span class="propinst-border-top-width">'border-top-width'</span>，<span class="propinst-border-right-width">'border-right-width'</span>，<span class="propinst-border-bottom-width">'border-bottom-width'</span>，<span class="propinst-border-left-width">'border-left-width'</span>及<span class="propinst-border-width">'border-width'</span></a>
      <li class="tocline3"><a href="box.html#border-color-properties" class="tocxref">8.5.2 边框颜色：<span class="propinst-border-top-color">'border-top-color'</span>，<span class="propinst-border-right-color">'border-right-color'</span>，<span class="propinst-border-bottom-color">'border-bottom-color'</span>，<span class="propinst-border-left-color">'border-left-color'</span>及<span class="propinst-border-color">'border-color'</span></a>
      <li class="tocline3"><a href="box.html#border-style-properties" class="tocxref">8.5.3 边框样式：<span class="propinst-border-top-style">'border-top-style'</span>，<span class="propinst-border-right-style">'border-right-style'</span>，<span class="propinst-border-bottom-style">'border-bottom-style'</span>，<span class="propinst-border-left-style">'border-left-style'</span>及<span class="propinst-border-style">'border-style'</span></a>
      <li class="tocline3"><a href="box.html#border-shorthand-properties" class="tocxref">8.5.4 边框缩写属性：<span class="propinst-border-top">'border-top'</span>，<span class="propinst-border-bottom">'border-bottom'</span>，<span class="propinst-border-right">'border-right'</span>，<span class="propinst-border-left">'border-left'</span>及<span class="propinst-border">'border'</span></a>
    </ul>
  </ul>
  <li class="tocline1"><a href="visuren.html" class="tocxref">9 可视化格式模型</a>
  <ul class="toc">
    <li class="tocline2"><a href="visuren.html#q1" class="tocxref">9.1 可视化格式模型简介</a>
    <ul class="toc">
      <li class="tocline3"><a href="visuren.html#q2" class="tocxref">9.1.1 视点</a>
      <li class="tocline3"><a href="visuren.html#containing-block" class="tocxref">9.1.2 <span class="index-def" title="containing block"> 包含块</span></a>
    </ul>
    <li class="tocline2"><a href="visuren.html#box-gen" class="tocxref">9.2 控制包含框的生成</a>
    <ul class="toc">
      <li class="tocline3"><a href="visuren.html#q5" class="tocxref">9.2.1 块类元素和块控制框</a>
      <ul class="toc">
        <li class="tocline4"><a href="visuren.html#anonymous-block-level" class="tocxref"> 匿名块控制框</a>
      </ul>
      <li class="tocline3"><a href="visuren.html#q7" class="tocxref">9.2.2 行内类元素和行内控制框</a>
      <ul class="toc">
        <li class="tocline4"><a href="visuren.html#anonymous" class="tocxref"> 匿名行内控制框</a>
      </ul>
      <li class="tocline3"><a href="visuren.html#compact" class="tocxref">9.2.3 压缩的控制框</a>
      <li class="tocline3"><a href="visuren.html#run-in" class="tocxref">9.2.4 插入的控制框</a>
      <li class="tocline3"><a href="visuren.html#display-prop" class="tocxref">9.2.5 <span class="propinst-display">'display'</span>属性</a>
    </ul>
    <li class="tocline2"><a href="visuren.html#positioning-scheme" class="tocxref">9.3 定位方案</a>
    <ul class="toc">
      <li class="tocline3"><a href="visuren.html#choose-position" class="tocxref">9.3.1 选择定位方案：<span class="propinst-position">'position'</span>属性</a>
      <li class="tocline3"><a href="visuren.html#position-props" class="tocxref">9.3.2 控制框偏移：<span class="propinst-top">'top'</span>，<span class="propinst-right">'right'</span>，<span class="propinst-bottom">'bottom'</span>，<span class="propinst-left">'left'</span></a>
    </ul>
    <li class="tocline2"><a href="visuren.html#normal-flow" class="tocxref">9.4 常规流向</a>
    <ul class="toc">
      <li class="tocline3"><a href="visuren.html#block-formatting" class="tocxref">9.4.1 块格式化的内容</a>
      <li class="tocline3"><a href="visuren.html#inline-formatting" class="tocxref">9.4.2 行内格式化的内容</a>
      <li class="tocline3"><a href="visuren.html#relative-positioning" class="tocxref">9.4.3 相对定位</a>
    </ul>
    <li class="tocline2"><a href="visuren.html#floats" class="tocxref">9.5 浮动</a>
    <ul class="toc">
      <li class="tocline3"><a href="visuren.html#float-position" class="tocxref">9.5.1 浮动的定位：<span class="propinst-float">'float'</span>属性</a>
      <li class="tocline3"><a href="visuren.html#flow-control" class="tocxref">9.5.2 控制紧接浮动的排列：<span class="propinst-clear">'clear'</span>属性</a>
    </ul>
    <li class="tocline2"><a href="visuren.html#absolute-positioning" class="tocxref">9.6 绝对定位</a>
    <ul class="toc">
      <li class="tocline3"><a href="visuren.html#fixed-positioning" class="tocxref">9.6.1 固定定位</a>
    </ul>
    <li class="tocline2"><a href="visuren.html#q24" class="tocxref">9.7 'display'，'position'及 'float'间的相互关系</a>
    <li class="tocline2"><a href="visuren.html#comparison" class="tocxref">9.8 常规流向，浮动和绝对定位的对比</a>
    <ul class="toc">
      <li class="tocline3"><a href="visuren.html#q26" class="tocxref">9.8.1 常规流向</a>
      <li class="tocline3"><a href="visuren.html#q27" class="tocxref">9.8.2 相对定位</a>
      <li class="tocline3"><a href="visuren.html#q28" class="tocxref">9.8.3 控制框的浮动</a>
      <li class="tocline3"><a href="visuren.html#q29" class="tocxref">9.8.4 绝对定位</a>
    </ul>
    <li class="tocline2"><a href="visuren.html#q30" class="tocxref">9.9 分层的呈现</a>
    <ul class="toc">
      <li class="tocline3"><a href="visuren.html#z-index" class="tocxref">9.9.1 指定堆叠层次：<span class="propinst-z-index">'z-index'</span>属性</a>
    </ul>
    <li class="tocline2"><a href="visuren.html#direction" class="tocxref">9.10 文本方向：<span class="propinst-direction">'direction'</span>及<span class="propinst-unicode-bidi">'unicode-bidi'</span>属性</a>
  </ul>
  <li class="tocline1"><a href="visudet.html" class="tocxref">10 可视化格式模型的细节</a>
  <ul class="toc">
    <li class="tocline2"><a href="visudet.html#containing-block-details" class="tocxref">10.1 “包含块”的定义</a>
    <li class="tocline2"><a href="visudet.html#the-width-property" class="tocxref">10.2 内容宽度：<span class="propinst-width">'width'</span>属性</a>
    <li class="tocline2"><a href="visudet.html#Computing_widths_and_margins" class="tocxref">10.3 宽度和边距的计算</a>
    <ul class="toc">
      <li class="tocline3"><a href="visudet.html#q4" class="tocxref">10.3.1 行内的非替换元素</a>
      <li class="tocline3"><a href="visudet.html#q5" class="tocxref">10.3.2 行内的替换元素</a>
      <li class="tocline3"><a href="visudet.html#q6" class="tocxref">10.3.3 常规流向中的块类、非替换元素</a>
      <li class="tocline3"><a href="visudet.html#q7" class="tocxref">10.3.4 常规流向中的块类、替换元素</a>
      <li class="tocline3"><a href="visudet.html#q8" class="tocxref">10.3.5 浮动的非替换元素</a>
      <li class="tocline3"><a href="visudet.html#q9" class="tocxref">10.3.6 浮动的替换元素</a>
      <li class="tocline3"><a href="visudet.html#abs-non-replaced-width" class="tocxref">10.3.7 绝对定位的非替换元素</a>
      <li class="tocline3"><a href="visudet.html#q11" class="tocxref">10.3.8 绝对定位的替换元素</a>
    </ul>
    <li class="tocline2"><a href="visudet.html#min-max-widths" class="tocxref">10.4 最小和最大宽度：<span class="propinst-min-width">'min-width'</span>及<span class="propinst-max-width">'max-width'</span></a>
    <li class="tocline2"><a href="visudet.html#the-height-property" class="tocxref">10.5 内容的高度：<span class="propinst-height">'height'</span>属性</a>
    <li class="tocline2"><a href="visudet.html#Computing_heights_and_margins" class="tocxref">10.6 高度和边距的计算</a>
    <ul class="toc">
      <li class="tocline3"><a href="visudet.html#q15" class="tocxref">10.6.1 行内的非替换元素</a>
      <li class="tocline3"><a href="visudet.html#q16" class="tocxref">10.6.2 行内的替换元素，常规流向中的块类、替换元素，浮动的替换元素</a>
      <li class="tocline3"><a href="visudet.html#q17" class="tocxref">10.6.3 常规流向中的块类、非替换元素，浮动的非替换元素</a>
      <li class="tocline3"><a href="visudet.html#abs-non-replaced-height" class="tocxref">10.6.4 绝对定位的非替换元素</a>
      <li class="tocline3"><a href="visudet.html#q19" class="tocxref">10.6.5 绝对定位的替换元素</a>
    </ul>
    <li class="tocline2"><a href="visudet.html#min-max-heights" class="tocxref">10.7 最小和最大高度：<span class="propinst-min-height">'min-height'</span>及<span class="propinst-max-height">'max-height'</span></a>
    <li class="tocline2"><a href="visudet.html#line-height" class="tocxref">10.8 行高的计算：<span class="propinst-line-height">'line-height'</span>及<span class="propinst-vertical-align">'vertical-align'</span>属性</a>
    <ul class="toc">
      <li class="tocline3"><a href="visudet.html#q22" class="tocxref">10.8.1 差异和半差异</a>
    </ul>
  </ul>
  <li class="tocline1"><a href="visufx.html" class="tocxref">11 视觉效果</a>
  <ul class="toc">
    <li class="tocline2"><a href="visufx.html#overflow-clipping" class="tocxref">11.1 溢出和剪切</a>
    <ul class="toc">
      <li class="tocline3"><a href="visufx.html#overflow" class="tocxref">11.1.1 溢出：<span class="propinst-overflow">'overflow'</span>属性</a>
      <li class="tocline3"><a href="visufx.html#clipping" class="tocxref">11.1.2 剪切：<span class="propinst-clip">'clip'</span>属性</a>
    </ul>
    <li class="tocline2"><a href="visufx.html#visibility" class="tocxref">11.2 可视性：<span class="propinst-visibility">'visibility'</span>属性</a>
  </ul>
  <li class="tocline1"><a href="generate.html" class="tocxref">12 生成的<span class="index-def" title="generated content">内容</span>，自动<span class="index-def" title="automatic numbering">编号</span>及以及列表</a>
  <ul class="toc">
    <li class="tocline2"><a href="generate.html#before-after-content" class="tocxref">12.1 <span class="index-def" title=":before|pseudo-elements:::before|before">:before</span> 及<span class="index-def" title=":after|pseudo-elements:::after|after">:after</span>伪元素</a>
    <li class="tocline2"><a href="generate.html#content" class="tocxref">12.2 <span class="propinst-content">'content'</span>属性</a>
    <li class="tocline2"><a href="generate.html#compact-run-in-gen" class="tocxref">12.3 :before及:after与<span class="index-inst" title="compact"><span class="value-inst-compact">'compact'</span></span>及<span class="index-inst" title="run-in"><span class="value-inst-run-in">'run-in'</span></span>元素的交互作用</a>
    <li class="tocline2"><a href="generate.html#quotes" class="tocxref">12.4 引号</a>
    <ul class="toc">
      <li class="tocline3"><a href="generate.html#quotes-specify" class="tocxref">12.4.1 用<span class="propinst-quotes">'quotes'</span>属性指定引用</a>
      <li class="tocline3"><a href="generate.html#quotes-insert" class="tocxref">12.4.2 用<span class="propinst-content">'content'</span>属性插入引号</a>
    </ul>
    <li class="tocline2"><a href="generate.html#counters" class="tocxref">12.5 自动<span class="index-def" title="counters">记数</span>及编号</a>
    <ul class="toc">
      <li class="tocline3"><a href="generate.html#scope" class="tocxref">12.5.1 记数器嵌套和作用范围</a>
      <li class="tocline3"><a href="generate.html#counter-styles" class="tocxref">12.5.2 记数器类型</a>
      <li class="tocline3"><a href="generate.html#q10" class="tocxref">12.5.3 带有'display: none'属性的元素中的记数器</a>
    </ul>
    <li class="tocline2"><a href="generate.html#q11" class="tocxref">12.6 标记和列表</a>
    <ul class="toc">
      <li class="tocline3"><a href="generate.html#markers" class="tocxref">12.6.1 标记：<span class="propinst-marker-offset">'marker-offset'</span>属性</a>
      <li class="tocline3"><a href="generate.html#lists" class="tocxref">12.6.2 列表：<span class="propinst-list-style-type">'list-style-type'</span>，<span class="propinst-list-style-image">'list-style-image'</span>，<span class="propinst-list-style-position">'list-style-position'</span>及<span class="propinst-list-style">'list-style'</span>属性</a>
    </ul>
  </ul>
  <li class="tocline1"><a href="page.html" class="tocxref">13 页面媒介</a>
  <ul class="toc">
    <li class="tocline2"><a href="page.html#q1" class="tocxref">13.1 页面媒介简介</a>
    <li class="tocline2"><a href="page.html#page-box" class="tocxref">13.2 页框：@page规则</a>
    <ul class="toc">
      <li class="tocline3"><a href="page.html#page-margins" class="tocxref">13.2.1 页边距</a>
      <li class="tocline3"><a href="page.html#page-size-prop" class="tocxref">13.2.2 页面尺寸：<span class="propinst-size">'size'</span>属性</a>
      <ul class="toc">
        <li class="tocline4"><a href="page.html#q5" class="tocxref"> 页框和目标页面不匹配时的渲染</a>
        <li class="tocline4"><a href="page.html#q6" class="tocxref"> 页面上页框的定位</a>
      </ul>
      <li class="tocline3"><a href="page.html#crop-mark-prop" class="tocxref">13.2.3 裁剪标记：<span class="propinst-marks">'marks'</span>属性</a>
      <li class="tocline3"><a href="page.html#q8" class="tocxref">13.2.4 左页，右页及第一页</a>
      <li class="tocline3"><a href="page.html#q9" class="tocxref">13.2.5 页框外的内容</a>
    </ul>
    <li class="tocline2"><a href="page.html#page-breaks" class="tocxref">13.3 分页</a>
    <ul class="toc">
      <li class="tocline3"><a href="page.html#page-break-props" class="tocxref">13.3.1 在元素前/后分页：<span class="propinst-page-break-before">'page-break-before'</span>，<span class="propinst-page-break-after">'page-break-after'</span>，<span class="propinst-page-break-inside">'page-break-inside'</span></a>
      <li class="tocline3"><a href="page.html#named-pages" class="tocxref">13.3.2 使用命名的页：<span class="propinst-page">'page'</span></a>
      <li class="tocline3"><a href="page.html#break-inside" class="tocxref">13.3.3 元素内的分割：<span class="propinst-orphans">'orphans'</span>，<span class="propinst-widows">'widows'</span></a>
      <li class="tocline3"><a href="page.html#allowed-page-breaks" class="tocxref">13.3.4 允许的分页</a>
      <li class="tocline3"><a href="page.html#forced" class="tocxref">13.3.5 强制的分页</a>
      <li class="tocline3"><a href="page.html#q16" class="tocxref">13.3.6 “最佳”分页</a>
    </ul>
    <li class="tocline2"><a href="page.html#q17" class="tocxref">13.4 页面内容的层叠</a>
  </ul>
  <li class="tocline1"><a href="colors.html" class="tocxref">14 颜色和背景</a>
  <ul class="toc">
    <li class="tocline2"><a href="colors.html#colors" class="tocxref">14.1 前景色：<span class="propinst-color">'color'</span>属性</a>
    <li class="tocline2"><a href="colors.html#q2" class="tocxref">14.2 背景</a>
    <ul class="toc">
      <li class="tocline3"><a href="colors.html#background-properties" class="tocxref">14.2.1 背景属性：<span class="propinst-background-color">'background-color'</span>，<span class="propinst-background-image">'background-image'</span>，<span class="propinst-background-repeat">'background-repeat'</span>，<span class="propinst-background-attachment">'background-attachment'</span>，<span class="propinst-background-position">'background-position'</span>及<span class="propinst-background">'background'</span></a>
    </ul>
    <li class="tocline2"><a href="colors.html#gamma-correction" class="tocxref">14.3 伽玛系数校正</a>
  </ul>
  <li class="tocline1"><a href="fonts.html" class="tocxref">15 字体</a>
  <ul class="toc">
    <li class="tocline2"><a href="fonts.html#q1" class="tocxref">15.1 简介</a>
    <li class="tocline2"><a href="fonts.html#font-specification" class="tocxref">15.2 字体说明</a>
    <ul class="toc">
      <li class="tocline3"><a href="fonts.html#font-properties" class="tocxref">15.2.1 字体说明的属性</a>
      <li class="tocline3"><a href="fonts.html#font-family-prop" class="tocxref">15.2.2 字体家族：<span class="propinst-font-family">'font-family'</span>属性</a>
      <li class="tocline3"><a href="fonts.html#font-styling" class="tocxref">15.2.3 字体样式：<span class="propinst-font-style">'font-style'</span>，<span class="propinst-font-variant">'font-variant'</span>，<span class="propinst-font-weight">'font-weight'</span>及<span class="propinst-font-stretch">'font-stretch'</span>属性</a>
      <li class="tocline3"><a href="fonts.html#font-size-props" class="tocxref">15.2.4 字体尺寸：<span class="propinst-font-size">'font-size'</span>及<span class="propinst-font-size-adjust">'font-size-adjust'</span>属性</a>
      <li class="tocline3"><a href="fonts.html#font-shorthand" class="tocxref">15.2.5 缩写的字体属性：<span class="propinst-font">'font'</span>属性</a>
      <li class="tocline3"><a href="fonts.html#generic-font-families" class="tocxref">15.2.6 通用字体家族</a>
      <ul class="toc">
        <li class="tocline4"><a href="fonts.html#serif-def" class="tocxref"> <span class="index-def" title="serif, definition of"><dfn>serif</dfn></span></a>
        <li class="tocline4"><a href="fonts.html#sans-serif-def" class="tocxref"> <span class="index-def" title="sans-serif, definition of"> <dfn>sans-serif</dfn></span></a>
        <li class="tocline4"><a href="fonts.html#cursive-def" class="tocxref"> <span class="index-def" title="cursive, definition of"> <dfn>cursive</dfn></span></a>
        <li class="tocline4"><a href="fonts.html#fantasy-def" class="tocxref"> <span class="index-def" title="fantasy, definition of"> <dfn>fantasy</dfn></span></a>
        <li class="tocline4"><a href="fonts.html#monospace-def" class="tocxref"> <span class="index-def" title="monospace, definition of"> <dfn>monospace</dfn></span></a>
      </ul>
    </ul>
    <li class="tocline2"><a href="fonts.html#font-selection" class="tocxref">15.3 字体选择</a>
    <ul class="toc">
      <li class="tocline3"><a href="fonts.html#font-descriptions" class="tocxref">15.3.1 <span class="index-inst" title="font description">字体描述</span>及@font-face</a>
      <li class="tocline3"><a href="fonts.html#select" class="tocxref">15.3.2 选择字体的描述子：<span class="descinst-font-family">'font-family'</span>，<span class="descinst-font-style">'font-style'</span>，<span class="descinst-font-variant">'font-variant'</span>，<span class="descinst-font-weight">'font-weight'</span>，<span class="descinst-font-stretch">'font-stretch'</span>及<span class="descinst-font-size">'font-size'</span></a>
      <li class="tocline3"><a href="fonts.html#dataqual" class="tocxref">15.3.3 字体数据限制的描述子：<span class="descinst-unicode-range">'unicode-range'</span></a>
      <li class="tocline3"><a href="fonts.html#unitsperem" class="tocxref">15.3.4 数值描述子：<span class="descinst-units-per-em">'units-per-em'</span></a>
      <li class="tocline3"><a href="fonts.html#referencing" class="tocxref">15.3.5 参考描述子：<span class="descinst-src">'src'</span></a>
      <li class="tocline3"><a href="fonts.html#matching" class="tocxref">15.3.6 匹配描述子：<span class="descinst-panose-1">'panose-1'</span>，<span class="descinst-stemv">'stemv'</span>，<span class="descinst-stemh">'stemh'</span>，<span class="descinst-slope">'slope'</span>，<span class="descinst-cap-height">'cap-height'</span>，<span class="descinst-x-height">'x-height'</span>，<span class="descinst-ascent">'ascent'</span>及<span class="descinst-descent">'descent'</span></a>
      <li class="tocline3"><a href="fonts.html#synthesizing" class="tocxref">15.3.7 综合描述子：<span class="descinst-widths">'widths'</span>，<span class="descinst-bbox">'bbox'</span>及<span class="descinst-definition-src">'definition-src'</span></a>
      <li class="tocline3"><a href="fonts.html#alignment" class="tocxref">15.3.8 对齐描述子：<span class="descinst-baseline">'baseline'</span>，<span class="descinst-centerline">'centerline'</span>，<span class="descinst-mathline">'mathline'</span>及<span class="descinst-topline">'topline'</span></a>
      <li class="tocline3"><a href="fonts.html#q23" class="tocxref">15.3.9 示例</a>
    </ul>
    <li class="tocline2"><a href="fonts.html#font-descriptors" class="tocxref">15.4 字体的特性</a>
    <ul class="toc">
      <li class="tocline3"><a href="fonts.html#universal" class="tocxref">15.4.1 字体特性简介</a>
      <li class="tocline3"><a href="fonts.html#aname" class="tocxref">15.4.2 字体的全名</a>
      <li class="tocline3"><a href="fonts.html#emsq" class="tocxref">15.4.3 以全身长方块来协调单位</a>
      <li class="tocline3"><a href="fonts.html#cline" class="tocxref">15.4.4 中心基准线</a>
      <li class="tocline3"><a href="fonts.html#encoding" class="tocxref">15.4.5 字体编码</a>
      <li class="tocline3"><a href="fonts.html#family" class="tocxref">15.4.6 字体家族名</a>
      <li class="tocline3"><a href="fonts.html#lrwidth" class="tocxref">15.4.7 字形宽度</a>
      <li class="tocline3"><a href="fonts.html#stemh" class="tocxref">15.4.8 水平主字母宽度</a>
      <li class="tocline3"><a href="fonts.html#cap" class="tocxref">15.4.9 大写字形的高度</a>
      <li class="tocline3"><a href="fonts.html#xht" class="tocxref">15.4.10 小写字形的高度</a>
      <li class="tocline3"><a href="fonts.html#bline" class="tocxref">15.4.11 下基准线</a>
      <li class="tocline3"><a href="fonts.html#mline" class="tocxref">15.4.12 数学基准线</a>
      <li class="tocline3"><a href="fonts.html#bbox" class="tocxref">15.4.13 最大边界控制框</a>
      <li class="tocline3"><a href="fonts.html#ascent" class="tocxref">15.4.14 最大的非提升字符的高度</a>
      <li class="tocline3"><a href="fonts.html#descent" class="tocxref">15.4.15 最大的非提升字符的深度</a>
      <li class="tocline3"><a href="fonts.html#pan1" class="tocxref">15.4.16 Panose-1中的数字</a>
      <li class="tocline3"><a href="fonts.html#ucode" class="tocxref">15.4.17 ISO 10646的字符范围</a>
      <li class="tocline3"><a href="fonts.html#tline" class="tocxref">15.4.18 顶基准线</a>
      <li class="tocline3"><a href="fonts.html#stemv" class="tocxref">15.4.19 垂直主字母宽度</a>
      <li class="tocline3"><a href="fonts.html#slope" class="tocxref">15.4.20 垂直笔划角度</a>
    </ul>
    <li class="tocline2"><a href="fonts.html#algorithm" class="tocxref">15.5 字体匹配算法</a>
    <ul class="toc">
      <li class="tocline3"><a href="fonts.html#q46" class="tocxref">15.5.1 字体重量值到字体名的映射</a>
      <li class="tocline3"><a href="fonts.html#q47" class="tocxref">15.5.2 字体匹配示例</a>
    </ul>
  </ul>
  <li class="tocline1"><a href="text.html" class="tocxref">16 文本</a>
  <ul class="toc">
    <li class="tocline2"><a href="text.html#indentation-prop" class="tocxref">16.1 缩进：<span class="propinst-text-indent">'text-indent'</span>属性</a>
    <li class="tocline2"><a href="text.html#alignment-prop" class="tocxref">16.2 对齐：<span class="propinst-text-align">'text-align'</span>属性</a>
    <li class="tocline2"><a href="text.html#q3" class="tocxref">16.3 修饰</a>
    <ul class="toc">
      <li class="tocline3"><a href="text.html#lining-striking-props" class="tocxref">16.3.1 下划线，上划线，删除线，闪烁：<span class="propinst-text-decoration">'text-decoration'</span>属性</a>
      <li class="tocline3"><a href="text.html#text-shadow-props" class="tocxref">16.3.2 文本阴影：<span class="propinst-text-shadow">'text-shadow'</span>属性</a>
    </ul>
    <li class="tocline2"><a href="text.html#spacing-props" class="tocxref">16.4 字母间距和词间距：<span class="propinst-letter-spacing">'letter-spacing'</span>及<span class="propinst-word-spacing">'word-spacing'</span>属性</a>
    <li class="tocline2"><a href="text.html#caps-prop" class="tocxref">16.5 转为大写：<span class="propinst-text-transform">'text-transform'</span>属性</a>
    <li class="tocline2"><a href="text.html#white-space-prop" class="tocxref">16.6 空白：<span class="propinst-white-space">'white-space'</span>属性</a>
  </ul>
  <li class="tocline1"><a href="tables.html" class="tocxref">17 表格</a>
  <ul class="toc">
    <li class="tocline2"><a href="tables.html#q1" class="tocxref">17.1 表格简介</a>
    <li class="tocline2"><a href="tables.html#q2" class="tocxref">17.2 CSS的表格模型</a>
    <ul class="toc">
      <li class="tocline3"><a href="tables.html#anonymous-boxes" class="tocxref">17.2.1 匿名表格对象</a>
    </ul>
    <li class="tocline2"><a href="tables.html#q4" class="tocxref">17.3 列选择子</a>
    <li class="tocline2"><a href="tables.html#q5" class="tocxref">17.4 可视化格式模型中的表格</a>
    <ul class="toc">
      <li class="tocline3"><a href="tables.html#q6" class="tocxref">17.4.1 标题定位和对齐</a>
    </ul>
    <li class="tocline2"><a href="tables.html#q7" class="tocxref">17.5 表格内容的可视布局</a>
    <ul class="toc">
      <li class="tocline3"><a href="tables.html#table-layers" class="tocxref">17.5.1 表格的层及透明性</a>
      <li class="tocline3"><a href="tables.html#width-layout" class="tocxref">17.5.2 表格宽度算法：<span class="propinst-table-layout">'table-layout'</span>属性</a>
      <ul class="toc">
        <li class="tocline4"><a href="tables.html#fixed-table-layout" class="tocxref"> 固定表格布局</a>
        <li class="tocline4"><a href="tables.html#auto-table-layout" class="tocxref"> 自动表格布局</a>
      </ul>
      <li class="tocline3"><a href="tables.html#height-layout" class="tocxref">17.5.3 表格高度算法</a>
      <li class="tocline3"><a href="tables.html#column-alignment" class="tocxref">17.5.4 列内的水平对齐</a>
      <li class="tocline3"><a href="tables.html#dynamic-effects" class="tocxref">17.5.5 动态行列效果</a>
    </ul>
    <li class="tocline2"><a href="tables.html#borders" class="tocxref">17.6 边框</a>
    <ul class="toc">
      <li class="tocline3"><a href="tables.html#separated-borders" class="tocxref">17.6.1 分离的边框模型</a>
      <ul class="toc">
        <li class="tocline4"><a href="tables.html#empty-cells" class="tocxref">空单元的边框：<span class="propinst-empty-cells">'empty-cells'</span>属性</a>
      </ul>
      <li class="tocline3"><a href="tables.html#collapsing-borders" class="tocxref">17.6.2 重合的边框模型</a>
      <ul class="toc">
        <li class="tocline4"><a href="tables.html#border-conflict-resolution" class="tocxref"> 解决边框冲突</a>
      </ul>
      <li class="tocline3"><a href="tables.html#q20" class="tocxref">17.6.3 边框样式</a>
    </ul>
    <li class="tocline2"><a href="tables.html#q21" class="tocxref">17.7 表格的音频渲染</a>
    <ul class="toc">
      <li class="tocline3"><a href="tables.html#speak-headers" class="tocxref">17.7.1 表头的叙述：<span class="propinst-speak-header">'speak-header'</span>属性</a>
    </ul>
  </ul>
  <li class="tocline1"><a href="ui.html" class="tocxref">18 用户界面</a>
  <ul class="toc">
    <li class="tocline2"><a href="ui.html#cursor-props" class="tocxref">18.1 光标：<span class="propinst-cursor">'cursor'</span>属性</a>
    <li class="tocline2"><a href="ui.html#system-colors" class="tocxref">18.2 用户的颜色配置</a>
    <li class="tocline2"><a href="ui.html#system-fonts" class="tocxref">18.3 用户的字体配置</a>
    <li class="tocline2"><a href="ui.html#dynamic-outlines" class="tocxref">18.4 动态外廓：<span class="index-def" title="outline">'outline'</span>属性</a>
    <ul class="toc">
      <li class="tocline3"><a href="ui.html#q5" class="tocxref">18.4.1 外廓和焦点</a>
    </ul>
    <li class="tocline2"><a href="ui.html#q6" class="tocxref">18.5 放大</a>
  </ul>
  <li class="tocline1"><a href="aural.html" class="tocxref">19 语音样式表</a>
  <ul class="toc">
    <li class="tocline2"><a href="aural.html#q1" class="tocxref">19.1 语音样式表简介</a>
    <li class="tocline2"><a href="aural.html#volume-props" class="tocxref">19.2 音量属性：<span class="propinst-volume">'volume'</span></a>
    <li class="tocline2"><a href="aural.html#speaking-props" class="tocxref">19.3 发音属性：<span class="propinst-speak">'speak'</span></a>
    <li class="tocline2"><a href="aural.html#pause-props" class="tocxref">19.4 暂停属性：<span class="propinst-pause-before">'pause-before'</span>，<span class="propinst-pause-after">'pause-after'</span>及<span class="propinst-pause">'pause'</span></a>
    <li class="tocline2"><a href="aural.html#cue-props" class="tocxref">19.5 提示属性：<span class="propinst-cue-before">'cue-before'</span>，<span class="propinst-cue-after">'cue-after'</span>及<span class="propinst-cue">'cue'</span></a>
    <li class="tocline2"><a href="aural.html#mixing-props" class="tocxref">19.6 混合属性：<span class="propinst-play-during">'play-during'</span></a>
    <li class="tocline2"><a href="aural.html#spatial-props" class="tocxref">19.7 空间属性：<span class="propinst-azimuth">'azimuth'</span>及<span class="propinst-elevation">'elevation'</span></a>
    <li class="tocline2"><a href="aural.html#voice-char-props" class="tocxref">19.8 语音特征属性：<span class="propinst-speech-rate">'speech-rate'</span>，<span class="propinst-voice-family">'voice-family'</span>，<span class="propinst-pitch">'pitch'</span>，<span class="propinst-pitch-range">'pitch-range'</span>，<span class="propinst-stress">'stress'</span>及<span class="propinst-richness">'richness'</span></a>
    <li class="tocline2"><a href="aural.html#speech-props" class="tocxref">19.9 讲话属性：<span class="propinst-speak-punctuation">'speak-punctuation'</span>及<span class="propinst-speak-numeral">'speak-numeral'</span></a>
  </ul>
  <li class="tocline1"><a href="sample.html" class="tocxref">附录A. HTML 4.0的示例样式表</a>
  <li class="tocline1"><a href="changes.html" class="tocxref">附录B. 相对CSS1的改进</a>
  <ul class="toc">
    <li class="tocline2"><a href="changes.html#q1" class="tocxref">B.1 新功能</a>
    <li class="tocline2"><a href="changes.html#q2" class="tocxref">B.2 更新的描述</a>
    <li class="tocline2"><a href="changes.html#changes-from-css1" class="tocxref">B.3 相对CSS1的语义的改进</a>
  </ul>
  <li class="tocline1"><a href="notes.html" class="tocxref">附录C. 字体的实现和性能的注解</a>
  <ul class="toc">
    <li class="tocline2"><a href="notes.html#q1" class="tocxref">C.1 字体术语表</a>
    <li class="tocline2"><a href="notes.html#coneg" class="tocxref">C.2 获取字体</a>
    <li class="tocline2"><a href="notes.html#panose" class="tocxref">C.3 Panose数字的含义</a>
    <li class="tocline2"><a href="notes.html#truetype-unicode" class="tocxref">C.4 对TrueType字体缩减Unicode范围</a>
    <li class="tocline2"><a href="notes.html#autodescgen" class="tocxref">C.5 描述子自动生成</a>
  </ul>
  <li class="tocline1"><a href="grammar.html" class="tocxref">附录D. CSS2语法</a>
  <ul class="toc">
    <li class="tocline2"><a href="grammar.html#q1" class="tocxref">D.1 语法</a>
    <li class="tocline2"><a href="grammar.html#q2" class="tocxref">D.2 词汇扫描</a>
    <li class="tocline2"><a href="grammar.html#tokenizer-diffs" class="tocxref">D.3 CSS2和CSS1中表征化的对比</a>
  </ul>
  <li class="tocline1"><a href="refs.html" class="tocxref">附录E. 参考资料</a>
  <ul class="toc">
    <li class="tocline2"><a href="refs.html#q1" class="tocxref">E.1 正规的参考资料</a>
    <li class="tocline2"><a href="refs.html#q2" class="tocxref">E.2 非正规的参考资料</a>
  </ul>
  <li class="tocline1"><a href="propidx.html" class="tocxref">附录F. 属性索引</a>
  <li class="tocline1"><a href="descidx.html" class="tocxref">附录G. 描述子索引</a>
  <li class="tocline1"><a href="indexlist.html" class="tocxref">附录H. 索引</a>
</ul>
</div>

<P align="center" class=policyfooter>
<A href="about.html#copyright">版权所有</A> &nbsp;&copy;&nbsp; 1998 <A
href="http://www.w3.org">W3C</A>（<A
href="http://www.lcs.mit.edu">MIT</A>，<A
href="http://www.inria.fr/">INRIA</A>，<A
href="http://www.keio.ac.jp/">Keio</A>），不得侵犯。</P>

<hr class="navbar">

<div class="navbar" align="center">
<p><a href="about.html">下一篇</a> &nbsp;
<a href="cover.html#minitoc">目录</a> &nbsp;
<a href="propidx.html">属性</a> &nbsp;
<a href="indexlist.html">索引</a> &nbsp;
</div>
</body>
</html>
<!-- Keep this comment at the end of the file
Local variables:
mode: sgml
sgml-declaration:"~/SGML/HTML4.decl"
sgml-default-doctype-name:"html"
sgml-minimize-attributes:t
sgml-nofill-elements:("pre" "style" "br")
sgml-live-element-indicator:t
End:
-->
